<div class="container">
    <div class="row">
        <div class="col-md-6" style="padding: 10px">
            <table class="table table-bordered table-condensed" style="width:45%">
                <caption>餐厅初始设定</caption>
                <tbody>
                    <tr>
                        <td style="width:25%">餐位数</td>
                        <td style="width:25%"><input class="form-control" type="number" id="c3" name="c3" placeholder="请输入数字" [(ngModel)]="c3" (ngModelChange)="recal_all()"></td>
                    </tr>
                    <tr>
                        <td style="width:25%">服务员数</td>
                        <td style="width:25%"><input class="form-control" type="number" id="c4" name="c4" placeholder="请输入数字" [(ngModel)]="c4" (ngModelChange)="recal_all()"></td>
                    </tr>
                    <tr>
                        <td style="width:25%">厨房员工数</td>
                        <td style="width:25%"><input class="form-control" type="number" id="c5" name="c5" placeholder="请输入数字" [(ngModel)]="c5" (ngModelChange)="recal_all()"></td>
                    </tr>
                    <tr>
                        <td style="width:25%;">员工总数</td>
                        <td style="width:25%; text-align:right">{{c6 | number: '1.0-0'}}</td>
                    </tr>
                </tbody>
            </table>  
        </div>
    </div>
    <div class="row">
        <div class="col-md-6" style="padding: 10px">
            <table class="table table-bordered table-condensed" style="width:90%;">
                <caption>Case One</caption>
                <tbody>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>设定：</b></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">上座率(%)</td>
                        <td style="width:25%; text-align:right">{{e10 | number: '1.2-2'}}</td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">人均消费</td>
                        <td style="width:25%"><input class="form-control" type="number" placeholder="请输入数字" [(ngModel)]="e11" (ngModelChange)="recal_1()"></td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">自营餐位数</td>
                        <td style="width:25%"><input class="form-control" type="number" placeholder="请输入数字" [(ngModel)]="e12" (ngModelChange)="recal_1()"></td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>酒店表现情况：</b></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">RevPas</td>
                        <td style="width:25%; text-align:right">{{e14 | number: '1.0-0'}}</td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">就餐人数</td>
                        <td style="width:25%"><input class="form-control" type="number" placeholder="请输入数字" [(ngModel)]="e15" (ngModelChange)="recal_1()"></td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">餐饮总收入</td>
                        <td style="width:25%; text-align:right">{{e16 | number: '1.0-0'}}</td> 
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td><b>投入内容：</b></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td style="width:25%">餐饮成本率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c19" (ngModelChange)="recal_1()"></td>
                        <td style="width:25%"><b>原材料成本</b></td>
                        <td style="width:25%; text-align:right">{{e19 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">劳动力成本率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c20" (ngModelChange)="recal_1()"></td>
                        <td style="width:25%">1）劳动力成本</td>
                        <td style="width:25%; text-align:right">{{e20 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">物耗品及洗涤成本率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c21" (ngModelChange)="recal_1()"></td>
                        <td style="width:25%">2）物耗品</td>
                        <td style="width:25%; text-align:right">{{e21 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">能耗成本率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c22" (ngModelChange)="recal_1()"></td>
                        <td style="width:25%">3）能源费用</td>
                        <td style="width:25%; text-align:right">{{e22 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">维修基金率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c23" (ngModelChange)="recal_1()"></td>
                        <td style="width:25%">4）维修费用</td>
                        <td style="width:25%; text-align:right">{{e23 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">市场营销率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c24" (ngModelChange)="recal_1()"></td>
                        <td style="width:25%">5）市场营销费</td>
                        <td style="width:25%; text-align:right">{{e24 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">网络渠道佣金比例(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c25" (ngModelChange)="recal_1()"></td>
                        <td style="width:25%">6）网络渠道费</td>
                        <td style="width:25%; text-align:right">{{e25 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">通过网络渠道销售占总销售的百分比(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c26" (ngModelChange)="recal_1()"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%;"></td>
                    </tr>
                    <tr>
                        <td style="width:25%">人均培训成本费用</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c27" (ngModelChange)="recal_1()"></td>
                        <td style="width:25%">8）人员培训</td>
                        <td style="width:25%; text-align:right">{{e27 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">税率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="c28" (ngModelChange)="recal_1()"></td>
                        <td style="width:25%">税</td>
                        <td style="width:25%; text-align:right">{{e28 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>合计</b></td>
                        <td style="width:25%; text-align:right">{{e29 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>部门利润</b></td>
                        <td style="width:25%; text-align:right">{{e30 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>利润率(%)</b></td>
                        <td style="width:25%; text-align:right">{{e31 | number: '1.2-2'}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- Case Two -->
    <div class="row">
        <div class="col-md-6" style="padding: 10px">
            <table class="table table-bordered table-condensed" style="width:90%">
                <caption>餐厅初始设定</caption>
                <tbody>
                    <tr>
                        <td style="width:25%">餐位数</td>
                        <td style="width:25%"><input class="form-control" type="number" id="h3" name="h3" placeholder="请输入数字" [(ngModel)]="h3" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%">出租餐位数</td>
                        <td style="width:25%; text-align:right">{{m9 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">服务员数</td>
                        <td style="width:25%"><input class="form-control" type="number" id="h4" name="h4" placeholder="请输入数字" [(ngModel)]="h4" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%">出租面积</td>
                        <td style="width:25%"><input class="form-control" type="number" id="m10" name="m10" placeholder="请输入数字" [(ngModel)]="m10" (ngModelChange)="recal_2()"></td>
                    </tr>
                    <tr>
                        <td style="width:25%">厨房员工数</td>
                        <td style="width:25%"><input class="form-control" type="number" id="h5" name="h5" placeholder="请输入数字" [(ngModel)]="h5" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%">每平方米每天租金</td>
                        <td style="width:25%"><input class="form-control" type="number" id="m11" name="m11" placeholder="请输入数字" [(ngModel)]="m11" (ngModelChange)="recal_2()"></td>
                    </tr>
                    <tr>
                        <td style="width:25%;">员工总数</td>
                        <td style="width:25%; text-align:right">{{h6 | number: '1.0-0'}}</td>
                        <td style="width:25%">年租金</td>
                        <td style="width:25%; text-align:right">{{m12 | number: '1.0-0'}}</td>
                    </tr>
                </tbody>
            </table>  
        </div>
    </div>

    <div class="row">
        <div class="col-md-6" style="padding: 10px">
            <table class="table table-bordered table-condensed" style="width:90%;">
                <caption>Case Two</caption>
                <tbody>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>设定：</b></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">上座率(%)</td>
                        <td style="width:25%"><input class="form-control" type="number" placeholder="请输入数字" [(ngModel)]="j10" (ngModelChange)="recal_2()"></td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">人均消费</td>
                        <td style="width:25%"><input class="form-control" type="number" placeholder="请输入数字" [(ngModel)]="j11" (ngModelChange)="recal_2()"></td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">自营餐位数</td>
                        <td style="width:25%"><input class="form-control" type="number" placeholder="请输入数字" [(ngModel)]="j12" (ngModelChange)="recal_2()"></td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>酒店表现情况：</b></td>
                        <td style="width:25%"></td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">RevPas</td>
                        <td style="width:25%; text-align:right">{{j14 | number: '1.0-0'}}</td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">就餐人数</td>
                        <td style="width:25%"><input class="form-control" type="number" placeholder="请输入数字" [(ngModel)]="j15" (ngModelChange)="recal_2()"></td> 
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">餐饮总收入</td>
                        <td style="width:25%; text-align:right">{{j16 | number: '1.0-0'}}</td> 
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td><b>投入内容：</b></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td style="width:25%">餐饮成本率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h19" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%"><b>原材料成本</b></td>
                        <td style="width:25%; text-align:right">{{j19 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">劳动力成本率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h20" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%">1）劳动力成本</td>
                        <td style="width:25%; text-align:right">{{j20 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">物耗品及洗涤成本率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h21" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%">2）物耗品</td>
                        <td style="width:25%; text-align:right">{{j21 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">能耗成本率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h22" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%">3）能源费用</td>
                        <td style="width:25%; text-align:right">{{j22 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">维修基金率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h23" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%">4）维修费用</td>
                        <td style="width:25%; text-align:right">{{j23 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">市场营销率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h24" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%">5）市场营销费</td>
                        <td style="width:25%; text-align:right">{{j24 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">网络渠道佣金比例(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h25" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%">6）网络渠道费</td>
                        <td style="width:25%; text-align:right">{{j25 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">通过网络渠道销售占总销售的百分比(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h26" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%;"></td>
                    </tr>
                    <tr>
                        <td style="width:25%">人均培训成本费用</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h27" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%">8）人员培训</td>
                        <td style="width:25%; text-align:right">{{j27 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%">税率(%)</td>
                        <td style="width:25%"><input class="form-control" type="text" placeholder="请输入数字" [(ngModel)]="h28" (ngModelChange)="recal_2()"></td>
                        <td style="width:25%">税</td>
                        <td style="width:25%; text-align:right">{{j28 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>合计</b></td>
                        <td style="width:25%; text-align:right">{{j29 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%"><b>部门利润</b></td>
                        <td style="width:25%; text-align:right">{{j30 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">租恁收入</td>
                        <td style="width:25%; text-align:right">{{j31 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">餐饮利润</td>
                        <td style="width:25%; text-align:right">{{j32 | number: '1.0-0'}}</td>
                    </tr>
                    <tr>
                        <td style="width:25%"></td>
                        <td style="width:25%"></td>
                        <td style="width:25%">利润率</td>
                        <td style="width:25%; text-align:right">{{j33 | number: '1.2-2'}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="row" style="height: 100px"></div>
</div>
